<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no"/>
    <title>引力教育</title>
    <link rel="shortcut icon" href="images/favicon.ico" type="images/x-icon">
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/swiper.min.css"/>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/headfoot.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper-3.4.2.min.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <script src="js/bootstrap.min.js" defer></script>
</head>
<body>
<!-- 导航部分-->
<div class="navs">
    <script>$(".navs").load("heads.html");</script>
</div>
<!--banner部分-->
<div class="swiper-container" id="banner">
    <div class="swiper-wrapper">
        <div class="swiper-slide" style="background-image: url(images/index/banner.jpg)"></div>
        <div class="swiper-slide" style="background-image: url(images/index/banner.jpg)"></div>
        <div class="swiper-slide" style="background-image: url(images/index/banner.jpg)"></div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
</div>
<!--公告-->
<div class="notice">
    <div class="main-md">
        <p><span> 通知： </span> <a href="#">【7月22日 09:00】公开课免费试听</a></p>
    </div>
</div>
<div class="main-md">
    <div class="h_tit"><a href="#" class="rt more">查看更多</a>

        <h1>最新活动 </h1></div>
    <div class="course-list">
        <ul>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                    <div class="item-footer clearfix">
                        <span>8月22日  10:00开始</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                    <div class="item-footer clearfix">
                        <span>8月22日  10:00开始</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                    <div class="item-footer clearfix">
                        <span>8月22日  10:00开始</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                    <div class="item-footer clearfix">
                        <span>8月22日  10:00开始</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                    <div class="item-footer clearfix">
                        <span>8月22日  10:00开始</span>
                    </div>
                </div>
            </a></li>
            <div class="both"></div>
        </ul>
    </div>
    <div class="h_tit"><a href="#" class="rt more">查看更多</a>

        <h1>推荐课程 </h1></div>
    <div class="course-list">
        <ul>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                    <div class="item-footer clearfix">
                        <span>8月22日  10:00开始</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                    <div class="item-footer clearfix">
                        <span>8月22日  10:00开始</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                    <div class="item-footer clearfix">
                        <span>8月22日  10:00开始</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                    <div class="item-footer clearfix">
                        <span>8月22日  10:00开始</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                    <div class="item-footer clearfix">
                        <span>8月22日  10:00开始</span>
                    </div>
                </div>
            </a></li>
            <div class="both"></div>
        </ul>
    </div>
    <div class="course_banner padd50">
        <img src="images/index/banner-1.jpg" alt=""/>
    </div>
    <div class="title">
        <a href="#" class="rt more"> 查看更多 </a>

        <h1> 艺术·兴趣 </h1>

        <div class="title_list">
            <a href="#">瑜伽</a>
            <a href="#">舞蹈</a>
            <a href="#">音乐</a>
            <a href="#">体育</a>
            <a href="#">书法</a>
            <a href="#">模特</a>
            <a href="#">礼仪</a>
        </div>
    </div>
    <div class="course-list course-lists">
        <div class="course_lg">
            <img src="images/index/courselg-1.jpg" alt=""/>
        </div>
        <ul>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <div class="both"></div>
        </ul>
    </div>
    <div class="teacher">
        <div class="teacher_top">
            <h1>推荐顾问:</h1>
            <ul>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
            </ul>
            <div class="both"></div>
        </div>
        <div class="teacher_bottom">
            <h1>推荐顾问</h1>
            <ul>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/>  </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/> </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/>  </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/> </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/>  </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/> </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/>  </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/> </a>
                </li>
            </ul>
            <div class="both"></div>
        </div>
    </div>
    <div class="title pad_top">
        <a href="#" class="rt more"> 查看更多 </a>
        <h1> 学前·小学 </h1>
        <div class="title_list">
            <a href="#">早教</a>
            <a href="#">学前教育</a>
            <a href="#">小学</a>
            <a href="#">乐器</a>
            <a href="#">少儿英语</a>
        </div>
    </div>
    <div class="course-list course-lists">
        <div class="course_lg">
            <img src="images/index/courselg-2.jpg" alt=""/>
        </div>
        <ul>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <div class="both"></div>
        </ul>
    </div>
    <div class="teacher">
        <div class="teacher_top">
            <h1>推荐顾问:</h1>
            <ul>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
            </ul>
            <div class="both"></div>
        </div>
        <div class="teacher_bottom">
            <h1>推荐顾问</h1>
            <ul>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/>  </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/> </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/>  </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/> </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/>  </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/> </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/>  </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/> </a>
                </li>
            </ul>
            <div class="both"></div>
        </div>
    </div>
    <div class="course_banner padd50">
        <img src="images/index/banner-2.jpg" alt="">
    </div>
    <div class="title">
        <a href="#" class="rt more"> 查看更多 </a>

        <h1> 初中·高中 </h1>

        <div class="title_list">
            <a href="#">初中</a>
            <a href="#">高中</a>
            <a href="#">艺考</a>
            <a href="#">高考</a>
            <a href="#">复读</a>
            <a href="#">小升初</a>
        </div>
    </div>
    <div class="course-list course-lists">
        <div class="course_lg">
            <img src="images/index/courselg-3.jpg" alt=""/>
        </div>
        <ul>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="course_img">
                    <img src="images/index/course-1.png" alt=""/>
                </div>
                <div class="text-box radius">
                    <div class="item-title">
                        活动名称活动名称
                    </div>
                    <div class="item-tags">
                        <span class="tags-item">活动内容简介活动内容简介活动内容简介活动内容简介</span>
                    </div>
                </div>
            </a></li>
            <div class="both"></div>
        </ul>
    </div>
    <div class="teacher">
        <div class="teacher_top">
            <h1>推荐顾问:</h1>
            <ul>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/zhaer.jpg" alt=""/> 王老师 </a>
                </li>
            </ul>
            <div class="both"></div>
        </div>
        <div class="teacher_bottom">
            <h1>推荐顾问</h1>
            <ul>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/>  </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/> </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/>  </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/> </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/>  </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/> </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/>  </a>
                </li>
                <li>
                    <a href="#"> <img src="images/index/beida.jpg" alt=""/> </a>
                </li>
            </ul>
            <div class="both"></div>
        </div>
    </div>
    <div class="title pad_top">
        <h1> 新闻资讯 </h1>
        <div class="both"></div>
    </div>
    <div class="news" id="news">
        <div class="news-img">
            <img id="showImg" src="images/index/za.jpg" alt="" aria-valuenow="100%">
            <p>借用资质的施工单位被拖欠工程款的2种情况 怎么要</p>
        </div>
        <div class="news-list">
            <ul class="news-box">
                <li class="prev-style">
                    <a href="#" class="style">
                        借用资质的施工单位被拖欠工程款的2种情况 怎么要？<span class="rt">2017-01-20</span>
                        <div class="both"></div>
                    </a>
                    <div class="clearfloat">

                        <div class="new-box lf">
                            <h5><a href="">借用资质的施工单位被拖欠工程款的2种情况 怎么要？</a></h5>
                            <p>&nbsp; &nbsp;  借用资质的施工单位被拖欠工程款的2种情况 怎么要借用资质的施工单位被拖欠
                                工程款的2种情况 怎么要？</p>
                        </div>
                        <div class="time-box rt">
                            <i></i>
                            <p>28</p>
                            <p class="p">2017-02</p>
                        </div>
                        <div class="both"></div>
                    </div>
                </li>
                <li>
                    <a href="#" class="style" style="display: block;">阿里云发布通用 GPU 计算实例 GN4，基于 NVIDIA 处理器
                        <span class="rt">2017-01-20</span>
                        <div class="both"></div>
                    </a>
                    <div class="clearfloat" style="display: none;">

                        <div class="new-box lf">
                            <h5><a href="">阿里云发布通用 GPU 计算实例 GN4，基于 NVIDIA 处理器</a></h5>
                            <p>&nbsp; &nbsp;3 月 6 日， 阿里云正式对外发布高性能计算实例 GN4。 新品基于
                                NVIDIA 处理器，是一款通用型 GPU 实例...</p>
                        </div>
                        <div class="time-box rt">
                            <i></i>
                            <p>28</p>
                            <p class="p">2017-02</p>
                        </div>
                        <div class="both"></div>
                    </div>
                </li>
                <li>
                    <a href="#" class="style" style="display: block;">阿里云发布通用 GPU 计算实例 GN4，基于 NVIDIA 处理器<span class="rt">2017-01-20</span>   <div class="both"></div> </a>
                    <div class="clearfloat" style="display: none;">

                        <div class="new-box lf">
                            <h5><a href="">阿里云发布通用 GPU 计算实例 GN4，基于 NVIDIA 处理器</a></h5>
                            <p>&nbsp; &nbsp;3 月 6 日， 阿里云正式对外发布高性能计算实例 GN4。 新品基于
                                NVIDIA 处理器，是一款通用型 GPU 实例...</p>
                        </div>
                        <div class="time-box rt"> <i></i>
                            <p>28</p>
                            <p class="p">2017-02</p>
                        </div>
                        <div class="both"></div>
                    </div>
                </li>
                <li>
                    <a href="#" class="style" style="display: block;">阿里云发布通用 GPU 计算实例 GN4，基于 NVIDIA 处理器<span class="rt">2017-01-20</span>   <div class="both"></div></a>
                    <div class="clearfloat" style="display: none;">

                        <div class="new-box lf">
                            <h5><a href="">阿里云发布通用 GPU 计算实例 GN4，基于 NVIDIA 处理器</a></h5>
                            <p>&nbsp; &nbsp;3 月 6 日， 阿里云正式对外发布高性能计算实例 GN4。 新品基于
                                NVIDIA 处理器，是一款通用型 GPU 实例...</p>
                        </div>
                        <div class="time-box rt"> <i></i>
                            <p>28</p>
                            <p class="p">2017-02</p>
                        </div>
                        <div class="both"></div>
                    </div>
                </li>
                <li>
                    <a href="#" class="style" style="display: block;">阿里云发布通用 GPU 计算实例 GN4，基于 NVIDIA 处理器<span class="rt">2017-01-20</span>   <div class="both"></div></a>
                    <div class="clearfloat" style="display: none;">

                        <div class="new-box lf">
                            <h5><a href="">阿里云发布通用 GPU 计算实例 GN4，基于 NVIDIA 处理器</a></h5>
                            <p>&nbsp; &nbsp;3 月 6 日， 阿里云正式对外发布高性能计算实例 GN4。 新品基于
                                NVIDIA 处理器，是一款通用型 GPU 实例...</p>
                        </div>
                        <div class="time-box rt"> <i></i>
                            <p>28</p>
                            <p class="p">2017-02</p>
                        </div>
                        <div class="both"></div>
                    </div>
                </li>
            </ul>
            <a href="#"><button class="btn btn-primary">查看更多</button></a>
        </div>
        <div class="both"></div>
    </div>
</div>
<!--页面底部-->
<div class="foots">
    <script>$(".foots").load("foot.html");</script>
</div>
<script>
    $(function () {
        var banner = new Swiper('#banner', {
            autoplay: 8000,
            speed: 1000,
            //effect : "fade",
            fade: {
                crossFade: true
            },
            loop: true,
            lazyLoading: true,
            // 如果需要分页器
            pagination: '.swiper-pagination',
            paginationClickable: true
        });
        //新闻轮换
        var width=$(document).width();
        if($(window).width()>768){
            $('#news .container .phone-news').css("display","none")
            $('#news ul li:first-child>a').css('display','none');
            $('#news ul li:first-child').siblings().children('div').css('display','none');
            $('#news ul li').mouseover(function(){
                $(this).children('div').css('display','inline-block');
                $(this).children('a').css('display','none');
                $(this).siblings().children('div').css('display','none');
                $(this).siblings().children('a').css('display','block');
                $(this).toggleClass('prev-style');
            });
        }
    });
</script>
</body>
</html>
